@media (max-width: 768px) {
    .dropdown-menu{
        .li-wu{
            padding: 2px 0 5px 0;
        }
        .li-one{
            padding: 8px 0 0 0;
        }
        li{
            padding: 1px 0 1px 0;
        }
       }
       .dropdown-item{
        display: flex;
        justify-content: left;
        align-items: center;
        height: 20px;
    
        .li-iocn{
            width: 30px;
            height: 30px;
            margin-right:20px;
        }
    
        .li-iocn-des{
            width: 20px;
            text-align: left;
        }
        .span2{
            margin: 0;
            font-size: 12px;
            font-weight: 700;
        }
        .span3{
            margin: 0;
            font-size: 8px;
        }
       }
    .pledge-container {
        width:95%;
        margin: auto;

        .banner {
            background-image: url('~@/assets/img/jindubanner.png');
            background-size: cover;
            background-position: center;
            /* 确保图片居中 */
            width: 100%;
            height: 120px;
            margin-top: 24px;
            border-radius: 5px;
            margin-bottom: 25px;
            text-align: center;  
            padding: 22px;    
            .p1{
                font-size: 16px;
                color: rgb(0, 0, 0);
                font-weight: 700;
            }      
            .p2{
                font-size: 26px;
                font-weight: 700;
            }
        }

        .flex-box {
            width: 100%;
        }
    
        .content {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            margin-bottom: 12px;
            gap: 15px;
            .left-content-header {
                text-align: center;
                background-color: rgb(253, 241, 6);
                color: rgb(0, 0, 0);
                padding: 15px 0 1px 0;
                border-radius: 5px 5px 0 0 ;
                span {
                    font-size: 22px;
                    font-weight: 700;
                }
                p {
                    font-size: 12px;
                    font-family: HarmonyOS_Sans_SC_Bold;
                }
            }

            .left-content-subject {
                padding: 34px 34px 58px 34px;
                background-color: #fff;
                border-radius: 0 0 5px 5px;
                .box-list {
                    color: rgb(0, 0, 0);
                    .box-list-flex {
                        display: flex;
                        justify-content: space-between;
                        flex-wrap: wrap;
                        margin-bottom: 25px;
                        .input-text {
                            background-color: rgb(207, 207, 207);
                            width: 100%;
                            height: 34px;
                            margin-bottom: 10px;
                            border-radius: 5px;
                            border: 0;
                        }
                        .input-p {
                            img {
                                width: 18px;
                                height: 18px;
                            }
                        }
                        .pledge-time-button {
                            color: rgb(255, 255, 255);
                            font-size: 14px;
                            background-color: rgb(128, 128, 128);
                            width: 55px;
                            height: 30px;
                            margin-left: 5px;
                            border: 0;
                            border-radius: 5px;
                        }
                        .box-list-flex-button{
                            margin-left: -2%;
                        }

                        .estimated-pec {
                            color: rgb(240, 68, 21);
                            font-size: 14px;
                            font-weight: 700;
                        }

                        .coin-name {
                            font-size: 14px;
                            font-family: HarmonyOS_Sans_SC_Regular;
                        }

                        .estimated-yuanlog {
                            width: 18px;
                            height: 18px
                        }
                        .estimated-pec-div{
                            margin-top: -3px;
                        }
                    }
                }

            }
        }
    }

    .f1 {
        font-size: 12px;
        color: rgb(0, 0, 0);
    }

    .f2 {
        font-size: 12px;
        color: rgb(0, 0, 0);
        font-weight: 700;
    }
    .f3{
        font-size: 12px;
        color: rgb(255, 141, 26);
        font-family: HarmonyOS_Sans_SC_Bold;
    }

    .h5 {
        font-size: 14px;
        color: rgb(0, 0, 0);
        font-weight: 700;
        font-family: HarmonyOS_Sans_SC_Medium;
    }

    .p {
        font-size: 14px;
        color: rgb(0, 0, 0);
    }


    .currency-button .btn {
        width: 128px;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff !important;
        border: 1px solid rgb(207, 207, 207) !important;


        .button-logo img {
            width: 32px;
            height: 32px;
            margin-right: 5px;
        }

        .button-tile {
            width: 45%;
            line-height: 1px;
            border: 0 !important;
            margin-top: 20px;
            text-align: left;

            .coin-name {
                font-size: 18px;
                color: rgb(0, 0, 0);
                line-height: 1px;
            }

            .blacklink {
                font-size: 12px;
                color: rgb(128, 128, 128) !important;
                font-weight: 400 !important;

            }
        }

        .bi-chevron-down {
            font-size: 16px;
            color: rgb(0, 0, 0);
            flex: 1;
            font-weight: 900;
        }
    }

    input::placeholder {
        font-size: 10px !important;
        padding-left: 15px !important;
    }

    .confirm-button{
        width: 100%;
        height: 50px;
        border: 0;
        background-color: rgba(240, 68, 21, 1);
        color: 18px;
        color: #fff;
        font-family: HarmonyOS_Sans_SC_Bold;
        border-radius: 5px;
    }
    .right-content-title{
        color: rgba(252, 242, 4, 1);
        font-size: 22px;
        margin-bottom: 6px;
    }

    .right-content-body{
        background-color: rgba(255, 255, 255, 1);
        border-radius: 5;
        padding: 20px 24px 4px 24px;
        border-radius: 5px;
        .right-content-card{
            border-radius: 5px;
            border: 1px solid rgb(128, 128, 128);
            padding: 14px 24px 0 24px;
            margin-bottom: 16px;
            .right-content-card-list{
                display: flex;
                justify-content: space-between;
                
                .days{
                    color: rgb(128, 128, 128);
                    font-size:18px;
                    font-weight: 700;
                    margin-bottom: 6px;
                }
                .xiaologo{
                    width: 22px;
                    height: 22px;
                    margin-left: 4px;
                    margin-right: 2px;
                }
                .card-title{
                    margin-bottom:6px;
                }
                .card-coin-name{
                    margin-bottom: 2px;
                }
                .card-button button{
                    background-color: rgb(128, 128, 128);
                    border: 0;
                    font-size: 12px;
                    color: #fff;
                    width: 82px;
                    height: 35px;
                    border-radius: 5px;
                    margin-top: 5px;
                }
            }
        }
    }
}